<template>
	<!-- 
	 navigateTo, redirectTo 只能打开非 tabBar 页面。
	 switchTab 只能打开 tabBar 页面。
	 reLaunch 可以打开任意页面。
	 页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。
	 不能在首页 onReady 之前进行页面跳转。
	 H5端页面刷新之后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。
	 -->
	<view>
		<view class="navigate">
			<view class="navigateTo">1. navigateTo</view>
			<view class="redirectTo">2. redirectTo</view>
			<view class="reLaunch">3. reLaunch</view>
			<view class="switchTo">4. switchTo</view>
			<view class="navigateBack">5. navigateBack</view>
		</view>
		<button @click="navigateBackClick">navigateBack返回</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad(options) {
			console.log("navigate-接受到url的参数:", options);
			const eventChannel = this.getOpenerEventChannel();
			eventChannel.on('navigateBackEvent', (data) => {
				console.log("接受到navigateBackEvent的参数", data);
			})
		},
		methods: {
			navigateBackClick() {
				uni.navigateBack({
					delta: 1
				})

				const eventChannel = this.getOpenerEventChannel()
				eventChannel.emit('navigateEvent', {
					data: 'navigateEvent-data'
				})
			}
		}
	}
</script>

<style>

</style>